/*  */
@import "../../variables/theme.less";
/*  */
@titleBarHeight:58px; // 标题栏高度
/* 子页面容器（有标题栏时） */
#zz-main_iframe {
    &.has-titleBar {
        padding-top:@titleBarHeight;
        & > .zz-titleBar {
            position:fixed;
            top:0;
            left:0;
            width:100%;
            z-index:2;
            box-shadow: 0px 1px 4px 0px @shadowColor;
        }
        .zz-iframe-fluid_content {
            background-color:transparent;
        }
    }
}
/* 标题栏 */
.zz-titleBar {
    position:relative;
    display:flex;
    min-height:58px;
    /* 子页面最上方 + 带操作 */
    &.page-top {
        padding:0 30px 0 40px;
        background-color:@panelBg;
        & > .title {
            font-size:20px;
            color:@fsColor085;
        }
    }
    /*  */
    & > .title {
        font-size:16px;
        color:@fsColor333;
    }
    /*  */
    &.has-el-tab {
        padding-top:8px;
    }

    /* el-tabs样式修改 */
    .el-tabs {
        flex:1 0 100%;
        max-width:100%;
    }
    .el-tabs__header {
        margin-bottom:0px;
    }
    .el-tabs__nav-wrap {
        padding:0 20px;
    }
    .el-tabs__nav-wrap::after {
        height:1px;
        background-color:#E9E9E9;
    }
    .el-tabs__item {
        height:48px;
        padding:0 24px;
        line-height:48px;
        font-size:16px;
        color:@fsColor999;
    }
    .el-tabs__item.is-active {
        color:@themeColor;
    }
    .el-tabs__active-bar {
        background-color:@themeColor;
    }
}